
	/* 商品项样式 */
	.food-item {
		display: flex;
		align-items: center;
		border-bottom: 1px solid #eee;
		display: flex;
		align-items: center;
		border-bottom: 1px solid #eee;
		margin-bottom: 10px;
		padding-bottom: 10px;

		.image {
			flex: 0 0 60px;
			background: #eee;
			margin-right: 12px;
			border-radius: 8px;

			image {
				width: 100%;
				height: 60px;
			}
		}

		.food-info {
			flex: 1;

			.food-name {
				font-size: 15px;
				color: #333;
				margin-bottom: 4px;
			}

			.food-price {
				font-size: 14px;
				color: #e64340;
			}

		}

		// 加减按钮容器 - 固定宽度的弹性项
		.food-btn {
			flex: 0 0 65px; // 固定宽度为60px，不伸缩
			display: flex;
			align-items: center;
			height: 28px; // 适当的高度，保持紧凑感
			justify-content: flex-end;

			// 按钮通用样式
			.btn {
				width: 18px;
				height: 18px;
				display: flex;
				align-items: start;
				justify-content: center;
				border-radius: 4px; // 小弧度圆角，更精致
				font-size: 14px;
				line-height: 1; // 确保符号垂直居中
				cursor: pointer;
				transition: all 0.15s ease;
				user-select: none; // 防止文本选中
			}

			// 减号按钮样式
			.minus {
				background-color: #f2f2f2;
				color: #666;
				border: 1px solid #e5e5e5;

				&:hover {
					background-color: #e8e8e8;
					color: #333;
				}

				&:active {
					background-color: #ddd;
					transform: scale(0.95);
				}

				// 数量为0时的禁用状态
				&.disabled {
					opacity: 0.5;
					cursor: not-allowed;

					&:hover,
					&:active {
						background-color: #f2f2f2;
						color: #666;
						transform: none;
					}
				}
			}

			// 加号按钮样式
			.plus {
				background-color: #ff7d00;
				color: #fff;
				border: 1px solid #ff7d00;

				&:hover {
					background-color: #ff6a00;
					box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
				}

				&:active {
					background-color: #e66200;
					transform: scale(0.95);
					box-shadow: none;
				}
			}

			// 数量显示样式
			.count {
				font-size: 14px;
				color: #333;
				width: 16px;
				text-align: center;
				user-select: none;
			}
		}

	}